<template>
  <div>
    <a-input v-bind="$attrs" ref="inputs">
        <template v-for="(_,name) in $slots" #[name]="scopeData">
            <slot :name="name" :scope="scopeData" />
        </template>
    </a-input>
  </div>
</template>
<script setup>
  import { getCurrentInstance, nextTick, onMounted, ref, shallowRef } from 'vue'
  const proxy = getCurrentInstance()
  const props = defineProps({

  })
  const value = ref('')
  const inputs = shallowRef()
  defineExpose({
    inputs
  })

</script>

<style scoped lang="less">
:deep(.ant-input){
    background-color: rgb(162, 230, 226);
}
</style>
